<template>
    <Menu :theme="theme" active-name="1">
        <!-- <MenuGroup title="主控"> -->
            <!-- <MenuItem name="1" @click="handleMenuClick('box_1_1')">
                <Icon  type="md-document" />
                资源
            </MenuItem>
            <MenuItem name="2" @click="handleMenuClick('box_1_2')">
                <Icon type="md-chatbubbles" />
                状态
            </MenuItem>
        </MenuGroup>
        <MenuGroup title="审核" >
            <MenuItem name="3" @click="handleMenuClick('box_2_1')">
                <Icon type="md-heart" />
                生活
            </MenuItem>
            <MenuItem name="4" @click="handleMenuClick('box_2_2')">
                <Icon type="md-leaf" />
                社区
            </MenuItem>
             <MenuItem name="5" @click="handleMenuClick('box_2_3')">
                <Icon type="md-leaf" />
                记录
            </MenuItem>
        </MenuGroup>
         <MenuGroup title="权限">
            <MenuItem name="6" @click="handleMenuClick('box_3_1')">
                <Icon type="md-heart" />
                用户
            </MenuItem>
            <MenuItem name="7" @click="handleMenuClick('box_3_2')">
                <Icon type="md-leaf" />
                管理
            </MenuItem>
        </MenuGroup> -->
         <MenuGroup title="社区">
            <MenuItem name="8" @click="handleMenuClick('box_4_1')">
                <Icon type="md-heart" />
                主页
            </MenuItem>
            <!-- <MenuItem name="9" @click="handleMenuClick('box_4_2')">
                <Icon type="md-leaf" />
                内容
            </MenuItem> -->
        </MenuGroup>
    </Menu>
    <br>

</template>
<script setup>
import { defineEmits } from 'vue';
const emit = defineEmits(['menu-click']);
// 处理菜单点击事件
const handleMenuClick = (boxName) => {
  emit('menu-click', boxName);
};

    
</script>
<style>
</style>
